main .condition {
  margin: 35px auto 13px auto;
  padding: 9px 0;
  height: 140px;
  background-color: #fafafa;
  box-shadow: 0px 0px 1px 1px #eee;
}
main .condition::after {
  content: "1";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
main .condition .condition-box {
  position: relative;
  height: 36px;
  /* padding: 9px 22px;
  overflow: hidden; */
}
main .condition .condition-box .condition-location,
main .condition .condition-box .condition-finance,
main .condition .condition-box .condition-scale,
main .condition .condition-box .condition-domain {
  position: absolute;
  padding: 9px 22px;
  height: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
}
/* main .condition .condition-box .condition-location {
  position: absolute;
  padding: 9px 22px;
  height: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
} */
main .condition .condition-box .title {
  float: left;
  height: 22px;
  line-height: 22px;
  /* padding: 0 10px; */
  font-size: 14px;
  font-weight: bold;
}
main .condition .condition-box .condition-all {
  float: left;
  overflow: hidden;
}
main .condition .condition-box .condition-all .item {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  cursor: pointer;
}
main .condition .condition-box .condition-all .item:hover {
  background-color: #00b38b;
  color: #fff;
}
main .condition .condition-box .condition-all .item:nth-of-type(1) {
  background-color: #00b38b;
  color: #fff;
}
main .condition .condition-box .condition-all-hidden .item:nth-of-type(1) {
  background-color: #fff;
  color: #333;
}
main .condition .condition-box .more {
  z-index: 10;
  position: absolute;
  top: 9px;
  right: 14px;
  cursor: pointer;
}
main .condition .condition-box a {
  color: #333;
}
main .condition .condition-box i {
  display: inline-block;
  width: 12px;
  height: 6px;
  background: url(../images/more_arrow_down.png) no-repeat 0 0;
  transition: all 0.3s linear;
}
main .condition .condition-box .more:hover i {
  transform: rotate(180deg);
}
main .condition .condition-box:hover .more:hover + .condition-location {
  z-index: 5;
  height: auto;
  background-color: #fff;
  border: 1px solid #eee;
}
main .condition .condition-box:hover .more:hover + .condition-domain {
  z-index: 5;
  height: auto;
  background-color: #fff;
  border: 1px solid #eee;
}
main .sort {
  width: 1154px;
  margin: 0 auto 40px auto;
  padding: 9px 22px;
  overflow: hidden;
  background-color: #fafafa;
  box-shadow: 0px 0px 1px 1px #eee;
}
main .sort h2 {
  float: left;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
}
main .sort .sort-type {
  float: left;
  overflow: hidden;
}
main .sort .sort-type li {
  float: left;
  margin-right: 5px;
  /* margin-bottom: 5px; */
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  cursor: pointer;
}
main .sort .sort-type li:hover {
  background-color: #00b38b;
  color: #fff;
}
main .sort .sort-type li:nth-of-type(1) {
  background-color: #00b38b;
  color: #fff;
}
main .sort .evaluate {
  float: right;
}
main .sort .evaluate i {
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-right: 7px;
  vertical-align: middle;
  background: url(../images/check.png) no-repeat -19px 0;
}
main .sort .evaluate i:hover {
  background: url(../images/check.png) no-repeat 0 0;
}
